@import "../diyset.scss";
.list_all {
  .redact-from {
    font-size: 14px;
    font-family: STHeitiSC;
    font-weight: 300;
    width: 100%;
    height: 500px;
    padding: 0 30px;
    input {
      text-align: center;
    }
    // 列表属性
    .style-cont {
      width: 100%;
      height: 30px;
      line-height: 30px;
      display: flex;
      flex-direction: row;
      justify-content: left;
      margin-bottom: 20px;
      .txt {
        width: 70px;
        height: 100%;
        margin-right: 5px;
      }
      select {
        width: 200px;
        height: 30px;
        border-radius: 2px;
        border: 1px solid rgba(223, 223, 223, 1);
      }
      .img {
        height: 62px;
        display: flex;
        flex-direction: row;
        justify-content: left;
        .svgStyle {
          width: 74px;
          height: 60px;
          text-align: center;
          line-height: 60px;
          border: 1px solid rgba(223, 223, 223, 1);
          margin-right: 10px;
          img {
            vertical-align: middle;
          }
        }
        .active {
          border: 1px solid red;
        }
      }
      .el-radio {
        line-height: 30px;
      }
      input {
        width: 70px;
        height: 30px;
        background: rgba(255, 255, 255, 1);
        border-radius: 2px;
        border: 1px solid rgba(223, 223, 223, 1);
        margin-right: 20px;
      }
      .el-color-picker {
        height: 18px;
        margin: auto 0;
      }
    }
    .name {
      height: 30px;
      display: flex;
      line-height: 30px;
      justify-content: left;
      margin-bottom: 10px;
      input {
        width: 190px;
        margin-left: 10px;
      }
    }
    .type-details {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      .details {
        width: 45%;
        height: 20px;
        margin-bottom: 15px;
        .el-button {
          padding: 4px 12px;
          font-size: 12px;
          margin-left: 10px;
        }
      }
    }
    .module {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      .module-sub {
        width: 26%;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        text-align: center;
        border-radius: 2px;
        border: 1px solid rgba(223, 225, 232, 1);
        margin: 0 12px;
        margin-bottom: 15px;
        cursor: pointer;
      }
    }
  }
  .styleSet {
    padding: 0 40px;
    width: 100%;
    height: 100%;
    .photo {
      // 图片样式
      .set-all-con {
        width: 100%;
        height: 100%;
        padding-top: 20px;
        display: flex;
        flex-direction: column;
        .txt {
          width: 70px;
          text-align: right;
          margin-right: 10px;
        }
        .text-con {
          @include flexCon(276px, 50px, center, space-between, 0px);
          position: relative;
          justify-content: flex-start;

          input {
            @include wd(70px, 30px);
            background: rgba(255, 255, 255, 1);
            border-radius: 3px;
            font-size: 14px;
            padding-left: 8px;
            margin-right: 20px;
            border: 1px solid rgba(223, 223, 223, 1);
          }
        }
        .opaqueness {
          @include flexCon(276px, 50px, center, space-between, 0px);
          justify-content: flex-start;
          .choose-btn-img {
            width: 40px;
            height: 40px;
            border-radius: 3px;
            overflow: hidden;
            background: rgba(214, 235, 255, 1);
            img {
              width: 100%;
              height: 100%;
            }
          }
          .set-opaq input {
            @include wd(70px, 30px);
            margin-left: 1px;
            border-radius: 3px;
            line-height: 30px;
            padding-left: 14px;
            display: flex;
            border: 1px solid rgba(223, 223, 223, 1);
            align-content: center;
            justify-content: space-between;
          }
          .upimg {
            width: 40px;
            height: 40px;
            margin-left: 18px;
          }
        }
      }
    }
    // 文本的设置
    .word {
      margin-left: -30px;
      .text-all {
        width: 100%;
        height: 100%;
        padding-top: 20px;
        display: flex;
        flex-direction: column;
        .text-con-size {
          @include flexCon(320px, 50px, center, space-between, 0px);
          justify-content: flex-start;
          .mycolor {
            margin-left: 20px;
            padding: 7px 0;
          }
          .text-icon {
            width: auto;
            margin-left: 10px;
            font-size: 20px;
            svg {
              margin-left: 8px;
            }
          }
          .set-opaq {
            @include wd(auto, 30px);
            margin-left: 16px;
            border-radius: 3px;
            line-height: 30px;
            padding-left: 14px;
            display: flex;
            border: 1px solid rgba(223, 223, 223, 1);
            align-items: center;
            .set-opaq-right {
              @include wd(28px, 28px);
              display: flex;
              align-items: center;
            }
          }
          .upimg {
            margin-left: 18px;
          }
        }
        .text-con {
          @include flexCon(320px, 50px, center, space-between, 0px);
          position: relative;
          margin-top: 20px;
          .text-con-style {
            width: 214px;
            img {
              width: 76px;
              height: 60px;
            }
          }
          input {
            @include wd(225px, 30px);
            background: rgba(255, 255, 255, 1);
            border-radius: 3px;
            font-size: 14px;
            padding-left: 8px;
            border: 1px solid rgba(223, 223, 223, 1);
          }
          .text-spot {
            width: 214px;
          }
          .mainKey {
            width: 150px;
            height: 30px;
            border-radius: 2px;
            border: 1px solid rgba(224, 225, 232, 1);
          }
          .add-tag {
            @include wd(auto, 30px);
            border-radius: 2px;
            font-size: 14px;
            text-align: center;
            line-height: 30px;
            padding: 0 10px;
            border: 1px solid rgba(224, 225, 232, 1);
            cursor: pointer;
          }
        }
      }
    }
    // 按钮
    .btn {
      .input-width {
        width: 70px !important;
      }
      .clearfix:after {
        display: block;
        content: "";
        clear: both;
      }
      .label {
        width: 70px;
        text-align: right;
      }
      .btn-all {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        .btn-con-size {
          @include flexCon(340px, 50px, center, space-between, 0px);
          justify-content: flex-start;
          .mycolor {
            margin-left: 10px;
          }
          .btn-icon {
            width: auto;
            margin-left: 10px;
            font-size: 20px;
            svg {
              margin-left: 8px;
            }
          }
          .set-opaq {
            @include wd(auto, 30px);
            margin-left: 16px;
            border-radius: 3px;
            line-height: 30px;
            padding-left: 14px;
            display: flex;
            border: 1px solid rgba(223, 223, 223, 1);
            align-items: center;
            .set-opaq-right {
              @include wd(28px, 28px);
              display: flex;
              align-items: center;
            }
          }
          .upimg {
            margin-left: 18px;
          }
        }
        .colorStyle {
          .fxid-box {
            float: left;
            margin-right: 20px;
            display: flex;
            line-height: 20px;
            height: 20px;
          }
          margin-bottom: 15px;
          .el-color-picker {
            height: 18px;
          }
        }
        .btn-con {
          @include flexCon(340px, 50px, center, left, 0px);
          position: relative;
          justify-content: left;
          .btn-icon {
            margin-left: 10px;
            width: 40px;
            height: 40px;
            border-radius: 3px;
            overflow: hidden;
            background: rgba(214, 235, 255, 1);
            img {
              width: 100%;
              height: 100%;
            }
          }
          .upimg {
            width: 40px;
            height: 40px;
            margin-left: 18px;
          }
          .el-radio {
            margin: 0 0 0 10px;
          }
          .btn-con-style {
            width: 214px;
            img {
              width: 76px;
              height: 60px;
            }
          }
          input {
            @include wd(225px, 30px);
            background: rgba(255, 255, 255, 1);
            border-radius: 3px;
            font-size: 14px;
            padding-left: 8px;
            border: 1px solid rgba(223, 223, 223, 1);
          }
          .btn-spot {
            width: 214px;
          }
          .mainKey {
            width: 150px;
            height: 30px;
            border-radius: 2px;
            border: 1px solid rgba(224, 225, 232, 1);
            margin-left: 10px;
          }
          .add-tag {
            @include wd(auto, 30px);
            border-radius: 2px;
            font-size: 14px;
            text-align: center;
            line-height: 30px;
            padding: 0 10px;
            border: 1px solid rgba(224, 225, 232, 1);
            cursor: pointer;
            margin-left: 10px;
          }
        }
      }
    }
    // //////////////////////////////////////////
    // 通用设置
    .universal-row {
      // 行
      width: 100%;
      min-height: 32px;
      line-height: 32px;
      margin-bottom: 15px;
      font-size: 14px;
      font-family: STHeitiSC;
      font-weight: 300;
      color: rgba(53, 53, 53, 1);
      display: flex;
      align-items: flex-start;
      justify-content: left;
      .universal-txt {
        // 目录
        width: 70px;
        height: 32px;
        text-align: right;
        margin-right: 10px;
      }
      .universal-cont {
        // 内容
        width: 240px;
        height: 100%;
        .el-radio {
          // 按钮
          margin-right: 15px;
        }
        .ipt-small {
          // 小输入框
          width: 70px;
          height: 30px;
          background: rgba(255, 255, 255, 1);
          border-radius: 2px;
          border: 1px solid rgba(223, 223, 223, 1);
          margin-right: 10px;
        }
        .universal-btn-img {
          // 上传图片
          width: 44px;
          height: 44px;
          line-height: 44px;
          border-radius: 3px;
          overflow: hidden;
          background: rgba(214, 235, 255, 1);
          margin-right: 14px;
          img {
            width: 100%;
            height: 100%;
          }
        }
        .universal-btn-con {
          // 上传按钮
          width: 80px;
          height: 30px;
          border-radius: 2px;
          background: #e0e1e8;
          color: #353535;
          font-size: 12px;
          text-align: center;
          line-height: 30px;
          border: 1px solid rgba(224, 225, 232, 1);
          cursor: pointer;
        }
        .mainKey {
          width: 150px;
          height: 30px;
          border-radius: 2px;
          background: rgba(245, 245, 245, 1);
          border: 1px solid rgba(224, 225, 232, 1);
          margin-right: 10px;
        }
        // 跳转按钮
        .add-tag {
          @include wd(auto, 30px);
          border-radius: 2px;
          font-size: 14px;
          text-align: center;
          line-height: 30px;
          padding: 0 10px;
          border: 1px solid rgba(224, 225, 232, 1);
          cursor: pointer;
        }
        // 颜色设置
        .el-color-picker {
          height: 18px;
        }
        .text-icon {
          width: auto;
          margin-left: 10px;
          font-size: 20px;
          svg {
            margin-left: 8px;
          }
        }

        .up-img-icon{
          margin-left:6px;
          width: 40px;
          height: 40px;
          img{
            width: 100%;
            height: 100%;
          }
        }
      }
      .universal-flxd {
        display: flex;
        align-items: center;
        justify-content: left;
      }
    }
    // ///////////////////////////////////////////
  }
}
.list-txt {
  width: 70px !important;
  // height: 100%!important;
  text-align: right !important;
}
